#shop_board{
  h2{
    @include Heading;
    @include S(margin, 10px);
    background: $colorBlueBright;
    color: white;
    @include S(padding, 10px);
  }

  .wrapper{

    .goods{
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 10px;
      grid-gap: 10px;

      @include onPc(){
        grid-template-columns: 1fr 1fr 1fr;
      }
    }

    .item{
      border-radius: 5px;
      pointer-events: all;
      border: unset;
      border: 1px solid #dedede;
      box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .02);
      background: rgba(248, 248, 248, 0.774);
      color: #555;
      position: relative;
      @include BreakText;
      @include PlainText;
      @include S(padding, 10px, 15px);
      @include S(padding-left, 8px);
      border-left: 6px solid rgba(187, 187, 187, 0.8);

      .text-dark{
        color: #888;
        @include S(font-size, 12px);
      }
      .num{
        position: absolute;
        right: 5px;
        top: 1px;
        color: #999;
        @include PlainText;
      }
      .price{
        color: rgb(235, 125, 0);
        display: flex;
        align-items: center;

        img{
          width: 20px;
        }
      }
    }
  }
}